昨天將互動按鈕都設置完成，不過這時發現一個問題，按鈕沒有反應而切游標的互動效果消失了。這是因為下層的元素被蓋住了。
上網查詢的解決辦法大多是更改上層元素的pointer-events。

pointer-events是一個針對滑鼠事件的屬性，這裡只列出幾個之後會用到的，其他詳細屬性可以參考MDN-pointer-events。

auto
預設效果，下層會被遮擋。

none
元素不對事件做反應，下層元素可以被點擊，不會被遮擋。

網路上大部分的解決辦法都是告訴你把上層元素的pointer-events改為none。這個方法雖然可以解決下層被遮擋問題，但在introduce-w裡的返回按鈕也會跟著失效。
這裡可以在introduce-w前加入一層元素，把introduce-w本身的pointer-events設為auto，而前一層元素設為none。

透過偽元素來實現，關於偽元素可以參考下面連結。

.introduce-w{
  pointer-events: auto;
}
.introduce-w::before {
  content: “ ”;
  position: absolute;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

參考資料/延伸閱讀

1. csdn
2. oxxostudio
3. cnblogs-houxianzhou
4. cnblogs-zc-lee